<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>展示告警历史信息列表</title>
    <script src="../layui/layui.all.js"></script>
    <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>



<table id="demo" lay-filter="test"></table>

<script>
    layui.use(['table', 'form', 'jquery', 'util', 'upload'], function () {
        var table = layui.table;
        var form = layui.form;
        var $ = layui.jquery;
        var util = layui.util;
        var upload = layui.upload;

        //第一个实例
        table.render({
            elem: '#demo'
            ,height: 400
            ,url: '/alarmHistory' //数据接口
            , toolbar: '#bardemoTop'
            ,parseData: function(res){ //res 即为原始返回的数据
                return {
                    "code": 0, //解析接口状态
                    "msg": "", //解析提示文本
                    "count": res.totalElements, //解析数据长度
                    "data": res.content //解析数据列表
                };
            }
            ,page: true //开启分页
            ,cols: [[ //表头
                 {field: 'id', title: '编号', width:80, sort: true, fixed: 'left'}
                ,{field: 'message', title: '告警信息',sort: true, width:500}
                ,{field: 'createTime', title: '发送时间',sort: true, width:200}
                ,{field: 'emailAddress', title: '发送的邮箱',sort: true, width:200}
                ,{field: 'serverIp', title: '服务器ip',sort: true, width:140}

            ]]
        });

    });
</script>
</body>

</html>
